<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="author" content="">
    <title>三级页面</title>
    <link rel="stylesheet" href="css/idangerous.swiper.css"/>
    <link rel="stylesheet" href="css/jquery.fullpage.css">
    <link rel="stylesheet" href="css/css-reset.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/idangerous.swiper.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.js"></script>
    <script src="js/jquery.fullpage.min.js"></script>
    <script src="js/jquery.nav.js"></script>
    <script src="js/basic.js"></script>


    <!--[if lt IE 9]><script src="js/html5.js" ></script><![endif]-->
    <!--[if lt IE 9]><script src="js/selectivizr-min.js" ></script><![endif]-->


</head>
<body>



<div class="detail">
    <!--头部-->
    <header></header>

    <div class="about-nav" style="position: fixed;">
        <div class="about-nav-icon">&gt;</div>
        <ul id="about-nav">
            <li class="about-nav-box about-nav-box1">
                <a href="index.html">
                    <div class="an-p"></div>
                    <div class="an-line"></div>
                </a>
            </li>
            <li class="about-nav-box about-nav-box2 current">
                <a href="#detail-about">
                    <div class="an-p"></div>
                    <div class="an-line"></div>
                </a>
            </li>
            <li class="about-nav-box about-nav-box3">
                <a href="#detail-team">
                    <div class="an-p"></div>
                    <div class="an-line"></div>
                </a>
            </li>
            <li class="about-nav-box about-nav-box4">
                <a href="#detail-co">
                    <div class="an-p"></div>
                    <div class="an-line"></div>
                </a>
            </li>
            <li class="about-nav-box about-nav-box5">
                <a href="#detail-contact">
                    <div class="an-p"></div>
                    <div class="an-line"></div>
                </a>
            </li>
        </ul>
    </div>





    <div class="search">
        <div class="wrap clearfix">
            <form action="">
                <div class="search-content">
                    <input class="search-input" type="text">
                    <div class="search-line"></div>
                    <input class="search-submit" type="submit" value="">
                </div>
            </form>

        </div>

    </div>

    <div class="detail-about" id="detail-about">
        <div class="wrap">

            <div class="detail-about-content">
                <div class="da-type clearfix">
                    <span>关于我们</span>
                    <span>企业文化</span>
                </div>

                <div class="da-bc">
                    <div class="detail-about-list">
                        <div class="da-title">深圳市宏大检测有限公司</div>
                        <div class="da-p">
                            <div>
                                深圳市宏大检测有限公司是集标准、检测、计量、认证、验货五位一体的绿色综合性公共技术服务机构，公司所提供的服务项目内容涵盖纺织、服装、鞋类、箱包、皮革等；我们拥有知名的专家团队及一支经验丰富、技术精湛的人才队伍，高强的绿色设计及科技创新能力，完善的标准化资源，优质的实验环境，技术权威，服务一流！
                                <br>
                                <br>
                                <img src="images/da-img1.jpg" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="detail-about-list">
                        <div class="da-title">深圳市宏大检测有限公司企业文化</div>
                        <div class="da-p">
                            <div>
                                深圳市宏大检测有限公司是集标准、检测、计量、认证、验货五位一体的绿色综合性公共技术服务机构，公司所提供的服务项目内容涵盖纺织、服装、鞋类、箱包、皮革等；我们拥有知名的专家团队及一支经验丰富、技术精湛的人才队伍，高强的绿色设计及科技创新能力，完善的标准化资源，优质的实验环境，技术权威，服务一流！
                                <br>
                                <br>
                                <img src="images/da-img1.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="detail-team" id="detail-team">
        <div id="detail-team-point"></div>
        <div class="wrap">
            <div class="detail-team-title">
                <h3>EXPERT TEAM</h3>
                <p>专家团队</p>
            </div>

            <div class="detail-team-content clearfix">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="dt-box">
                                <div class="dt-box-bg"></div>
                                <div class="dt-box-img">
                                    <img width="130" height="130" src="images/dt1.jpg" alt="">
                                </div>
                                <div class="dt-box-con">
                                    <div class="dt-box-name">
                                        <h4>王天凯</h4>
                                        <p>高级工程师</p>
                                    </div>
                                    <div class="dt-box-p">
                                        现任第十一届全国政协委员、中国纺织工业联合会会长、党委书记，中国纺织企业家联合会会长，中国服装协会会长党委书记，中国纺织企业家联合会会长，中国服装协会会长
                                    </div>
                                </div>
                                <div class="dt-box-arrow"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="dt-box">
                                <div class="dt-box-bg"></div>
                                <div class="dt-box-img">
                                    <img width="130" height="130" src="images/dt2.jpg" alt="">
                                </div>
                                <div class="dt-box-con">
                                    <div class="dt-box-name">
                                        <h4>杨纪朝</h4>
                                        <p>高级工程师</p>
                                    </div>
                                    <div class="dt-box-p">
                                        现任第十一届全国政协委员、中国纺织工业联合会会长、党委书记，中国纺织企业家联合会会长，中国服装协会会长党委书记，中国纺织企业家联合会会长，中国服装协会会长
                                    </div>
                                </div>
                                <div class="dt-box-arrow"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="dt-box">
                                <div class="dt-box-bg"></div>
                                <div class="dt-box-img">
                                    <img width="130" height="130" src="images/dt3.jpg" alt="">
                                </div>
                                <div class="dt-box-con">
                                    <div class="dt-box-name">
                                        <h4>迟宗君</h4>
                                        <p>高级工程师</p>
                                    </div>
                                    <div class="dt-box-p">
                                        现任第十一届全国政协委员、中国纺织工业联合会会长、党委书记，中国纺织企业家联合会会长，中国服装协会会长党委书记，中国纺织企业家联合会会长，中国服装协会会长
                                    </div>
                                </div>
                                <div class="dt-box-arrow"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="dt-box">
                                <div class="dt-box-bg"></div>
                                <div class="dt-box-img">
                                    <img width="130" height="130" src="images/dt4.jpg" alt="">
                                </div>
                                <div class="dt-box-con">
                                    <div class="dt-box-name">
                                        <h4>赵国梁</h4>
                                        <p>高级工程师</p>
                                    </div>
                                    <div class="dt-box-p">
                                        现任第十一届全国政协委员、中国纺织工业联合会会长、党委书记，中国纺织企业家联合会会长，中国服装协会会长党委书记，中国纺织企业家联合会会长，中国服装协会会长
                                    </div>
                                </div>
                                <div class="dt-box-arrow"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="dt-box">
                                <div class="dt-box-bg"></div>
                                <div class="dt-box-img">
                                    <img width="130" height="130" src="images/dt1.jpg" alt="">
                                </div>
                                <div class="dt-box-con">
                                    <div class="dt-box-name">
                                        <h4>王天凯</h4>
                                        <p>高级工程师</p>
                                    </div>
                                    <div class="dt-box-p">
                                        现任第十一届全国政协委员、中国纺织工业联合会会长、党委书记，中国纺织企业家联合会会长，中国服装协会会长党委书记，中国纺织企业家联合会会长，中国服装协会会长
                                    </div>
                                </div>
                                <div class="dt-box-arrow"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="dt-box">
                                <div class="dt-box-bg"></div>
                                <div class="dt-box-img">
                                    <img width="130" height="130" src="images/dt2.jpg" alt="">
                                </div>
                                <div class="dt-box-con">
                                    <div class="dt-box-name">
                                        <h4>杨纪朝</h4>
                                        <p>高级工程师</p>
                                    </div>
                                    <div class="dt-box-p">
                                        现任第十一届全国政协委员、中国纺织工业联合会会长、党委书记，中国纺织企业家联合会会长，中国服装协会会长党委书记，中国纺织企业家联合会会长，中国服装协会会长
                                    </div>
                                </div>
                                <div class="dt-box-arrow"></div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>


    <div class="detail-co" id="detail-co">
        <div id="detail-co-point"></div>
        <div class="wrap">
            <div class="detail-team-title">
                <h3>COOPERATIVE</h3>
                <p>合作伙伴</p>
            </div>

            <div class="detail-co-content clearfix">
                <div class="dco-box clearfix">
                    <a href="#">
                        <div class="dco-box-img">
                            <img width="274" height="416" src="images/dco-img1.jpg" alt="">
                        </div>
                        <div class="dco-box-con">
                            <div class="abc-title">
                                <div class="abc-title-line"></div>
                                <p>世界绿色设计组织</p>
                            </div>
                            <div class="dco-box-con-p">
                                是世界上首个致力于推动绿色设计发展的非营利性国际组织。旨在全球范围内倡导和传播“绿色设计”理念，以“绿色设计”为手段引领生产方式、生活方式、消费方式变革，实现人与自然融合共生。目前已经在北京、上海、扬州、香港、布鲁塞尔、伦敦、巴黎、斯德哥尔摩、柏林、法兰克福等城市设有办公室，已建立17个专业委员会及7个专门委员会。
                            </div>
                            <!--<div class="abc-more">-->
                                <!--<div class="abc-more-line"></div>-->
                                <!--<p>查看更多</p>-->
                            <!--</div>-->
                        </div>
                    </a>
                </div>

                <div class="dco-box clearfix">
                    <a href="#">
                        <div class="dco-box-img">
                            <img width="274" height="416" src="images/dco-img2.jpg" alt="">
                        </div>
                        <div class="dco-box-con">
                            <div class="abc-title">
                                <div class="abc-title-line"></div>
                                <p>中纺标(深圳)检测有限公司
                                </p>
                            </div>
                            <div class="dco-box-con-p">
                                中纺标（深圳）检测有限公司，经中国实验室国家认可委员会认可，专业从事纺织服装产品检测的机构。公司设有检测一室、检测二室、品质保证部等专业部门，为更及时和便利的为华南纺织业提供检测服务，分别在深圳、广州、福建、香港等地成立了办事处，是国内权威一流的第三方公正纺织检验机构。
                            </div>
                            <!--<div class="abc-more">-->
                                <!--<div class="abc-more-line"></div>-->
                                <!--<p>查看更多</p>-->
                            <!--</div>-->
                        </div>
                    </a>
                </div>
            </div>
        </div>

    </div>


    <div class="detail-contact" id="detail-contact">
        <div class="wrap">
            <div class="detail-team-title">
                <h3>CONTACT US</h3>
                <p>联系我们</p>
            </div>

            <div class="dcon-content clearfix">
                <div class="dcon-img">
                    <img src="images/detail-map.jpg" alt="">
                </div>
                <div class="dcon-info">
                    <div class="dcon-info-box">
                        <div class="dcib-title">公司总部地址</div>
                        <div class="dcib-con">
                            <div class="dcib-list clearfix">
                                <div class="dcib-icon">
                                    <img src="images/dcib1.png" alt="">
                                </div>
                                <div class="dcib-p">地址：深圳市盐田区沙头角深盐路壹海城壹海中心706</div>
                            </div>
                            <div class="dcib-list clearfix">
                                <div class="dcib-icon">
                                    <img src="images/dcib2.png" alt="">
                                </div>
                                <div class="dcib-p">电话：0755-22729705</div>
                            </div>
                            <div class="dcib-list clearfix">
                                <div class="dcib-icon">
                                    <img src="images/dcib3.png" alt="">
                                </div>
                                <div class="dcib-p">传真：0755-22729705</div>
                            </div>
                            <div class="dcib-list clearfix">
                                <div class="dcib-icon">
                                    <img src="images/dcib4.png" alt="">
                                </div>
                                <div class="dcib-p">微信公众号：SZ-HDTC</div>
                            </div>
                            <div class="dcib-list clearfix">
                                <div class="dcib-icon">
                                    <img src="images/dcib5.png" alt="">
                                </div>
                                <div class="dcib-p">服务QQ：3393043592</div>
                            </div>

                        </div>

                    </div>

                </div>

            </div>


        </div>

    </div>


</div>


<script>
    $(function () {

        //导航
        $('#about-nav').onePageNav({
            scrollThreshold: 0.4,

        });

        //公司简介切换
        $('.da-type span').eq(0).addClass('on');
        $('.da-bc .detail-about-list').eq(0).show();
        $('.da-type span').click(function () {
            var index=$(this).index();

            $('.da-type span').removeClass('on');
            $(this).addClass('on');

            $('.detail-about-list').hide();
            $('.da-bc .detail-about-list').eq(index).show();

        });


        //专家团队轮播
        var mySwiper1 = new Swiper('.detail-team-content .swiper-container',{
            autoplay : 5000,
            speed: 800,
            slidesPerView : 4,
            autoplayDisableOnInteraction : false
            //其他设置
        });

    })


</script>


</body>
</html>